<%--
  Created by IntelliJ IDEA.
  User: songyahui
  Date: 2019/9/21
  Time: 15:37
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>俱乐部详情 - freedom</title>
    <link rel="icon" href="${pageContext.request.contextPath}/images/logo_c.ico">


    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/club_details.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/dist/css/bootstrap-theme.css">
    <script src="${pageContext.request.contextPath}/layui/layui.js" charset="utf-8"></script>
    <script src="${pageContext.request.contextPath}/js/club_details.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/dist/js/bootstrap.js"></script>
</head>
<body>
<%--导航栏--%>
<c:choose>
    <c:when test="${memberall.userId != 0}">
        <c:if test="${memberall.userStatus == 0}">
            <img src="http://localhost:8080/mydev/images/vip.png" style="position:absolute;top:23px;right: 345px;z-index: 999;">
        </c:if>
        <c:if test="${memberall.userStatus == 1}">
            <a href="http://localhost:8080/mydev/VIP" style="position:absolute;top:13px;right: 400px;z-index: 999;">开通vip</a>
        </c:if>
    </c:when>
</c:choose>
<div class="header-container" style="width: 100%; min-width: 1500px;  ">

    <div class="row first-div" style="z-index: 999; width: 100%">
        <div class=" left-nav-ul" >
        </div>


        <ul class="mid-nav-ul" >
            <li class="nav-ul-li" >
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/start/index">
                    <div>
                        <img src="http://localhost:8080/mydev/images/logo.png">
                        逍遥游
                    </div>
                </a>

            </li>
            <li class="nav-ul-li" style="background-color: #ff9d00">
                <a style="text-decoration: none;color: #ffffff" href="http://localhost:8080/mydev/start/index">首页</a>
            </li>
            <li class="nav-ul-li">
                <a  style="text-decoration: none" href="http://localhost:8080/mydev/QuestionTable/club_questions">问答</a>
            </li>

            <li class="nav-ul-li">
                <a   style="text-decoration: none" href="http://localhost:8080/mydev/clublist/list">鲲鹏俱乐部</a>
            </li>

            <li class="nav-ul-li new">
                <div class="geren">
                    <a  style="text-decoration: none; color:black" href="">更多</a>
                    <div class="t1"></div>
                </div>
                <div class="hidden1">
                    <ul class="geren-ul">
                        <li>
                            <a  style="text-decoration: none" href="http://localhost:8080/mydev/write/travel">写游记</a>
                        </li>
                        <li>
                            <a  style="text-decoration: none"  href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}">我的游记</a>
                        </li>
                    </ul>
                </div>
            </li>

            <li class="nav-ul-li" >
                <c:choose>
                    <c:when test="${memberall.userId != 0}">
                        <c:if test="${memberall.userStatus ==0}">
                             <span  style="color: gold">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>
                        <c:if test="${memberall.userStatus ==1}">
                             <span  style="color: black">
                                 欢迎!${memberall.userName}
                             </span>
                        </c:if>


                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/regist/normalRegist">注册</a>
                    </c:otherwise>
                </c:choose>

            </li>
            <li class="nav-ul-li">
                <c:choose>
                    <c:when test="${memberall.userId != 0}">

                    </c:when>
                    <c:otherwise>
                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/login/login">登陆</a>
                    </c:otherwise>
                </c:choose>


            </li>
        </ul>




        <c:choose>
            <c:when test="${memberall.userId != 0}">

                <div class="right-nav-ul" >
                    <div class="topmaguser" style="  position:relative;left: 0px;top:2px">


                        <a href="http://localhost:8080/mydev/myhome/mytravel/${memberall.userId}" >
                            <img src="http://localhost:8080/mydev/${memberall.userPicture}">
                        </a>

                    </div>
                    <ul class="right-mid" >
                        <li class="nav-ul-li new" >

                            <div class="geren">

                                <a style="text-decoration: none; color:black" href="">个人中心</a>

                                <div class="t2"></div>
                            </div>

                            <div class="hidden1">
                                <ul class="gere-ul">

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/collect/${memberall.userId}"><img src="http://localhost:8080/mydev/images/savea.png">我的收藏</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/mapview/${memberall.userId}"><img src="http://localhost:8080/mydev/images/foot.png">我的足迹</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/myfoot/answer/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">我的问答</a>
                                    </li>
                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/reply/toaccount/${memberall.userId}"><img src="http://localhost:8080/mydev/images/question.png">回复消息</a>
                                    </li>

                                    <li style="height: 45px;">
                                        <a  style="text-decoration: none" href="http://localhost:8080/mydev/exit"><img src="http://localhost:8080/mydev/images/banka.png">退出登录</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </c:when>
            <c:otherwise>



            </c:otherwise>
        </c:choose>

    </div>
</div>
<!--主体-->
<div class="main" >
    <div class="crumb">
        <a href="/club/" title="大鹏聚乐部">大鹏聚乐部</a>
        &gt;
        <strong>${clubdetails.clubTheme}——蜂首聚乐部【${clubdetails.clubName}站】</strong>
    </div>
    <div class="activity_title">${clubdetails.clubTheme}——蜂首聚乐部【${clubdetails.clubName}站】</div>
    <!--左边唯美图片+右边视频-->
    <div class="activity_video clearfix">
        <div class="av_words flt1">
            <!--活动主体-->
            <div class="title" style="color: #f6f6f6">
                活动主题：<br><a style="display: inline-block; font-size: 21px;" href="http://www.mafengwo.cn/i/5605400.html" target="_blank" title="一起拍摄星空之旅">${clubdetails.clubTheme}</a>
            </div>
            <!--活动时间-->
            <div class="av_time" >
                <p style="color: #f6f6f6">活动时间：</p>
                <p style="color: #f6f6f6">${clubdetails.clubBegin}</p>
            </div>
            <!--活动地点-->
            <div class="av_time">
                <p style="color: #f6f6f6">活动地点：</p>
                <p style="color: #f6f6f6">${clubdetails.clubName}</p>
            </div>
        </div>
        <div class="av_video flt1" style="height: 365px">
            <img src="${picture}" alt="" style="width: 684px;height: 365px">
        </div>

    </div>
    <div class="pay" style="margin-top: 20px;height: 60px;width: 92.2%">
        <button type="button" class="layui-btn layui-btn-warm" style="margin-top: 10px;border-radius:4px;float: right"><a href="/mydev/clubPay/goAlipay/${clubdetails.clubId}">报名支付</a></button>
    </div>
    <!--左边报名用户显示+右侧评论区-->
    <div class="activity_gestbook clearfix">
        <!--左边的报名区-->
        <div class="ag_users flt1">
            <div class="au_title">报名的蜂蜂：<strong>${Count}</strong>人，他们分别是：</div>
            <div class="au_list" style="width: 460px!important;">

                <ul class="clearfix" id="userBox" style="width: 460px">
                    <c:forEach items="${memberList}" var="m">
                    <li class="li1" >
                        <div style="width:70px;height:70px;border-radius:50%; overflow:hidden;">
                            <a href="http://www.mafengwo.cn/u/76139106.html" target="_blank" class="ava" title=""><img width="70" src="${pageContext.request.contextPath}/images/user_img_c.jpeg" alt=""></a>
                        </div>
                        <div class="div2" style="width:70px;height: 30px;margin-left: 0px!important;">
                            <a  href="http://www.mafengwo.cn/u/76139106.html" target="_blank" class="name" title="">${m.userNickname}</a>
                        </div>
                    </li>
                    </c:forEach>
                </ul>

                <%--&lt;%&ndash; 页码的渲染&ndash;%&gt;
                <div style="width: 800px;height: 50px;margin: 0 auto;font-size: 15px">
                    <label style="font-size: 15px">共</label><span style="font-size: 15px">${page.pages}页/</span>
                    <label style="font-size: 15px"></label><span style="font-size: 15px">${page.total}条</span>
                    <c:if test="${page.pageNum !=1}">
                        <a href="${pageContext.request.contextPath}/club_details/list1?page=${page.pageNum-1}" style="font-size: 15px;color:#ff9e00" class="travelpage">上一页</a>
                    </c:if>

                    <label style="font-size: 15px">当前页码:</label><span style="font-size: 15px">${page.pageNum}</span>

                    <c:if test="${page.pageNum !=page.pages}">
                        <a href="${pageContext.request.contextPath}/club_details/list1?page=${page.pageNum+1}" style="font-size: 15px;color:#ff9e00" class="travelpage">下一页</a>
                    </c:if>
                </div>--%>
            </div>
            <div class="l_pages" data-iid="5535113" data-page="1" data-pagecount="6">
                <a class="sprite next userBtn userNextBtn" data-type="next" title="下一页"></a>
                <a class="sprite prev userBtn userPrevBtn disable" data-type="prev" title="上一页"></a>
            </div>
        </div>






        <!--右边的评论区-->
        <div class="panel-comment flt2">
            <div id="_j_comment_cnt">

                <div class="add-comment" style="margin-top: 20px">
                    <div class="bd _j_publish" >
                        <form name="comment_form clearfix">
                            <div style="width: 435px;height: 70px;border-radius: 5px;background-color: #efefef;display: inline-block">
                                <textarea name="content" class="_j_comment_pubarea" style="resize:none;width: 425px;height: 60px;margin: 5px 5px;border-radius: 5px;border:none;background-color: #efefef"></textarea>
                            </div>
                            <input type="button" value="留言" class="btn _j_sumbit _j_comment_pubbtn" style="color:#ffffff;height: 70px;width: 65px;margin-left: 10px;float: right;background-color: #ff8a00">
                        </form>
                    </div>
                </div>


                <div class="comment-list _j_commentlist _j_comment_list">
                    <li class="clearfix _j_citem" data-cid="502052" data-username="全球旅行">
                        <div class="c_img">
                            <img width="40" src="https://p3-q.mafengwo.net/s14/M00/86/BD/wKgE2l0tf9WAXkhdAACY44wZiV8224.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt="">
                        </div>
                        <dl class="clearfix">
                            <dt class="comt-bar">
                                <a href="/u/42483497.html" target="_blank">全球旅行</a>
                                <span>2019-08-02 08:44</span>
                                <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;
                            </dt>
                            <dd class="comt-cont">我来了
                            </dd>
                        </dl>
                    </li>
                    <li class="clearfix _j_citem" data-cid="501368" data-username="非酋"> <div class="c_img"><img width="40" src="https://n2-q.mafengwo.net/s14/M00/76/A8/wKgE2l0uzVCATxgEAAM-jgxy8A089.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt=""></div> <dl class="clearfix">     <dt class="comt-bar">         <a href="/u/85443220.html" target="_blank">非酋</a>         <span>2019-07-23 22:00</span>         <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;     </dt>     <dd class="comt-cont">asdfdsf</dd> </dl> </li>  <li class="clearfix _j_citem" data-cid="501364" data-username="非酋"> <div class="c_img"><img width="40" src="https://n2-q.mafengwo.net/s14/M00/76/A8/wKgE2l0uzVCATxgEAAM-jgxy8A089.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt=""></div> <dl class="clearfix">     <dt class="comt-bar">         <a href="/u/85443220.html" target="_blank">非酋</a>         <span>2019-07-23 21:59</span>         <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;     </dt>     <dd class="comt-cont">asdfdsf</dd> </dl> </li>  <li class="clearfix _j_citem" data-cid="501360" data-username="非酋"> <div class="c_img"><img width="40" src="https://n2-q.mafengwo.net/s14/M00/76/A8/wKgE2l0uzVCATxgEAAM-jgxy8A089.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt=""></div> <dl class="clearfix">     <dt class="comt-bar">         <a href="/u/85443220.html" target="_blank">非酋</a>         <span>2019-07-23 21:59</span>         <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;     </dt>     <dd class="comt-cont">&lt;img&gt;&lt;a&gt;&lt;input&gt;&lt;embed&gt;</dd> </dl> </li>  <li class="clearfix _j_citem" data-cid="494064" data-username="火星用户"> <div class="c_img"><img width="40" src="https://n2-q.mafengwo.net/s12/M00/35/2C/wKgED1uqImOAAxCCAAAeJTVWYJU680.png?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt=""></div> <dl class="clearfix">     <dt class="comt-bar">         <a href="/u/86821848.html" target="_blank">火星用户</a>         <span>2019-06-24 20:32</span>         <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;     </dt>     <dd class="comt-cont">https://www.mafengwo.cn/club/history.php?id=37</dd> </dl> </li>  <li class="clearfix _j_citem" data-cid="491932" data-username="Kevin_Zjd"> <div class="c_img"><img width="40" src="https://p4-q.mafengwo.net/s13/M00/DE/5B/wKgEaVzbvPqAKHBVAAMhAkEG4CE30.jpeg?imageMogr2%2Fthumbnail%2F%2148x48r%2Fgravity%2FCenter%2Fcrop%2F%2148x48%2Fquality%2F90" alt=""></div> <dl class="clearfix">     <dt class="comt-bar">         <a href="/u/89773509.html" target="_blank">Kevin_Zjd</a>         <span>2019-05-15 15:47</span>         <a class="b _j_quote" href="#"></a>&nbsp;<a class="b _j_reply" href="#"></a>&nbsp;     </dt>     <dd class="comt-cont">赞赞赞</dd> </dl> </li></div>
                <div class="l_pages _j_comment_pagination"><a class="sprite next _j_pageitem" data-page="2" title="下一页"></a>   <a class="sprite prev disable" title="上一页"></a></div>

                <script type="text/x-jquery-tmpl" id="_j_comment_item"></script>



            </div>
            <div>
                <form>
                    <button type="button" class="layui-btn layui-btn-danger" style="display:inline-block;background-color: #ff8a00"><i class="layui-icon"></i></button>
                    <div style="height: 38px;width: 80px;display: inline-block;border:1px solid #d2d2d2;">
                        <input type="text" class="page_num_input" placeholder=" 共有xx页" style="height:25px;width:60px;display:inline-block;margin-top: 4px;margin-left:10px;margin-right:10px;background-color: white;border:none">
                    </div>
                    <button type="button" class="layui-btn layui-btn-danger" style="display:inline-block;background-color: #ff8a00"><i class="layui-icon"></i></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="buttom">
    <div class="col-md-2 "></div>
    <div class="col-md-2 left-buttom">
        <p style="font-size: 15px">逍遥游攻略网</p>
        <p>年轻人更爱用的攻略</p>
        <p>逍遥游攻略网</p>
        <p>无数旅行者共同打造的"旅行神器"</p>
        <p>  60,000 多个全球旅游目的地 </p>
        <p>  600,000 个细分目的地新玩法</p>
        <p>  760,000,000 次攻略下载</p>
    </div>
    <div class="col-md-2 mid-buttom">
        <p style="font-size: 15px">关于我们</p>
        <a href="">关于逍遥游</a> &nbsp <a href="">联系我们</a> </br>
        <a href="">隐私政策</a> &nbsp <a href="">商标声明</a> </br>
        <a href="">服务协议</a> &nbsp <a href="">游记协议</a> </br>
        <a href="">商城平台服务协议</a> </br>
        <a href="">网络信息侵权通知引导</a><br>
        <a href="">旅游网服务监督员</a>



    </div>
    <div class="col-md-2 right-buttom">
        <p  style="font-size: 15px">旅行服务</p>
        <a href="">旅游攻略</a> &nbsp <a href="">酒店预订</a> </br>
        <a href="">旅游特价</a> &nbsp <a href="">国际租车</a> </br>
        <a href="">旅游问答</a> &nbsp <a href="">旅游保险</a> </br>
        <a href="">旅游指南</a> &nbsp <a href="">订火车票</a> </br>
        <a href="">旅游资讯</a> &nbsp <a href="">APP下载</a> </br>

    </div>

    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima1B.png"></br>
        <p>app下载</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima2B.png">
        <p>公众号</p>
    </div>
    <div class="col-md-1 link-buttom">
        <img src="${pageContext.request.contextPath}/images/erweima3B.png">
        <p>订阅号</p>
    </div>


</div>
<div class="dixian">我们是有底线的</div>
</body>
</html>
